<template>
  <el-container>
    <el-header/>
    <!--suppress HtmlUnknownTag -->
    <el-main class="main">
      <h1>NK-GPT实验</h1>
      <el-collapse v-model="activeName" accordion>
        <el-collapse-item name="1">
          <template #title>
            <h2>文本生成</h2>
          </template>
          <raw-text-generate-task/>
        </el-collapse-item>
        <!--        <el-collapse-item name="2">-->
        <!--          <template #title>-->
        <!--            <h2>维基百科文本生成实验</h2>-->
        <!--          </template>-->
        <!--          <wiki-generate-task/>-->
        <!--        </el-collapse-item>-->
        <el-collapse-item name="2">
          <template #title>
            <h2>阅读理解选择</h2>
          </template>
          <choice-making-task
              name="C3" namespace="c3"
              desc="阅读对话或者文本，从选项中选出合适的选项回答问题。数据来源：C3（Multiple-Choice Chinese Machine Reading Comprehension）"/>
        </el-collapse-item>
        <el-collapse-item name="3">
          <template #title>
            <h2>成语完形填空选择</h2>
          </template>
          <choice-making-task
              name="CHID" namespace="chid"
              desc="从十个备选成语中选出最符合文段空位的选项。数据来源：CHID（Chinese IDiom Dataset for Cloze Test）"/>
        </el-collapse-item>
        <el-collapse-item name="4">
          <template #title>
            <h2>判断句子相似性</h2>
          </template>
          <choice-making-task
              name="AFQMC" namespace="afqmc"
              desc="判断给出的两个句子是否是相似的。数据来源：AFQMC（蚂蚁语义相似度 Ant Semantic Similarity）"/>
        </el-collapse-item>
        <el-collapse-item name="5">
          <template #title>
            <h2>真实文本预测</h2>
          </template>
          <true-text-prediction-task/>
        </el-collapse-item>
        <el-collapse-item name="6">
          <template #title>
            <h2>困惑度计算</h2>
          </template>
          <perplexity-calculation-task/>
        </el-collapse-item>
      </el-collapse>
    </el-main>
    <el-footer/>
  </el-container>
</template>

<script>
import WikiGenerateTask from "./WikiGenerateTask.vue";
import RawTextGenerateTask from "./RawTextGenerateTask.vue";
import ChoiceMakingTask from "./ChoiceMakingTask.vue";
import PerplexityCalculationTask from "./PerplexityCalculationTask.vue";
import TrueTextPredictionTask from "./TrueTextPredictionTask.vue";

export default {
  name: "MainPage",
  components: {
    RawTextGenerateTask,
    WikiGenerateTask,
    ChoiceMakingTask,
    PerplexityCalculationTask,
    TrueTextPredictionTask
  },
  data() {
    return {
      activeName: '1'
    }
  },
}
</script>

<style scoped>

.main {
  padding-left: 10%;
  padding-right: 10%;
}

</style>